<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <!-- overflow属性指定了如果内容溢出一个元素的框（超过其指定高度及宽度）时，会发生什么。
    属性值
    visible
    不剪切内容也不添加滚动条
    hidden
    不显示超过对象尺寸的内容，超出的部分隐藏掉
    scroll
    不管超出内容否，总是显示滚动条
    auto
    超出自动显示滚动条，不超出不显示滚动条
    一般情况下，我们都不想让溢出的内容显示出来，因为溢出的部分会影响布局。
    但是如果有定位的盒子，请慎用overflow:hidden因为它会隐藏多余的部分。 -->
  </body>
</html>
